@charset "utf-8";
/* 
 * Author:位置
 * Date：2016-8-12
 */
 @font-face {
 font-family:'Bdjt';
 src:url(../font/Bdjt.ttf);
}  
div,ul,li,h1,h2,h3,h4,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;}
body{padding:0px; margin:0px;}
ul,li{ list-style-type:none; margin:0; padding:0;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; _background-attachment:fixed;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; max-width:100%; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width:1200px; margin: 0px auto;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
/*header*/
.header-box{ height:165px; width:100%;}
.header{ width:1200px; height:165px; margin:0 auto; position:relative; z-index:20;}
.logo{ float:left; width:203px; height:auto;}
.logo img{ display:block; width:100%;}
.logo .logoiph{ display:none;}
.logoR{ float:left; margin-top:50px; margin-left:-120px;}
.logoR p{ font-size:35px; font-family:"黑体"; color:#151515; font-weight:bold; line-height:24px;}
.ydTel{ float:right; margin-top:32px;}
.header-right{ position:absolute; left:0px; bottom:0px; height:70px; width:100%;}
.nav{ float:left; width:100%;}
.nav li{ float:left; line-height:70px; width:14.2857%; text-align:center;}
.nav li:last-child{ margin-right:0;}
.nav li .YdNavA{ min-width:60px; text-align:center; display:block; color:#333333; height:70px; line-height:70px; font-size:18px;}
.nav li .YdNavA:hover,.nav li .YdNavA.on{ color:#004ea2; font-weight:bold;}
.menuBtn{ cursor:pointer; display:none; position:relative; float:right; width:45px; height:27px; margin-top:6px;}
.menuBtn .burger{ display:block; width:100%; height:3px; position:absolute; left:0; background:#333333; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out; }
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:12px;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}
.menuBtn.active .burger-3 { top:10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menus{ display:none; position:fixed; width:100%; height:100%; background:#ededed; left:0; top:76px;overflow-y: auto; z-index:99999;}
.menu-list li{ border-bottom:1px solid #cbc9c3;/* -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;*/}
.menu-list li a{ display:block; line-height:48px; color:#5d5d5d; font-size:15px; padding-left:5%; position:relative;}
.menu-list li a:before{ content:""; width:8px; height:13px; background:url(../images/arrow.png) center no-repeat; position:absolute; right:33px; top:50%; margin-top:-6px; transition:350ms;}
.menu-list li a:hover,.menu-list li a:focus{ color:#fb0100;}
.menu-list li a:hover:before,.menu-list li a:focus:before{ background:url(../images/arrow1.png) center no-repeat;}
	/*YdhwaderNav*/
.YdhwaderNav{ width:100%; height:auto; background:url(../images/ydPic10.png) top center no-repeat; position:relative; z-index:99; display:none; padding-top:5px; top:-20px;}
.nav li:hover .YdhwaderNav{ display:block;}
.YdhwaderNav a{ background-color:#f5f5f5; line-height:40px !important; text-align:center; display:block; color:#333333; height:40px; line-height:40px; font-size:16px;}
.YdhwaderNav a:hover{ color:#004ea2; font-weight:bold;}
/*Banner*/
.banner{ width:1200px; height:490px; margin:0 auto;}
#full-screen-slider { width:100%; height:490px; float:left; position:relative}
#slides { display:block; width:100%; height:490px; list-style:none; padding:0; margin:0; position:relative; z-index:9;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:none; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:none; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:none; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*YdIndex*/
.YdIndex{ width:100%; height:auto; padding:30px 0px; background-color:#f5f5f5;}
.YdIndexMain{ width:1200px; height:auto; margin:0 auto;}
.YdIndexMainLeft{ width:70%; float:left; height:auto;}
.YdIndexMainRight{ width:30%; float:left; height:auto; background-color:#FFF;}
.YdIndexMainLeft .YdIndexMainLeftAbout{ width:95%; margin-right:5%; padding-top:20px; padding-bottom:20px; background-color:#FFF;}
.YdIndexMainLeft .YdIndexMainLeftAbout img{ width:40%; padding-left:20px; float:left;}
.YdIndexMainLeft .YdIndexMainLeftAbout h3{ width:50%; padding-right:20px; float:right; font-size:18px; color:#004ea2;}
.YdIndexMainLeft .YdIndexMainLeftAbout p{ width:50%; padding-right:20px; float:right; font-size:14px; color:#666666; text-indent:2em;}
.YdIndexMainLeft .YdIndexMainLeftAbout p a{ float:right;}
.YdIndexMainLeft .YdIndexMainLeftAbout p a:hover{ color:#004ea2;}
.YdIndexMainLeft .YdIndexMainLeftAbout .YdIndexMainLeftAboutA{ width:50%; padding-right:20px; float:right; display:block; text-align:right;}
.YdIndexMainLeft .YdIndexMainLeftAbout .YdIndexMainLeftAboutA:hover{ color:#004ea2;}
.YdIndexMainLeft .YdIndexMainLeftImg{ width:45%; margin-right:2%; margin-top:20px; background-color:#FFF; float:left;}
.YdIndexMainLeft .YdIndexMainLeftImg img{ width:90%; padding-top:20px; padding-bottom:20px; padding-left:5%;}
.YdIndexMainLeft .YdIndexMainLeftHR{ width:48%; margin-top:20px; background-color:#FFF; margin-right:5%; float:right;}
.YdIndexMainLeft .YdIndexMainLeftHR img{ width:90%; padding-top:20px; padding-bottom:10px; padding-left:5%;}
.YdIndexMainLeft .YdIndexMainLeftHR h3{ width:90%; padding-left:5%; font-size:18px; color:#004ea2; padding-bottom:10px;}
.YdIndexMainLeft .YdIndexMainLeftHR li{ width:90%; padding-left:5%; padding-bottom:18px; height:auto;}
.YdIndexMainLeft .YdIndexMainLeftHR li a{ width:25%; display:block; line-height:30px; font-size:14px; color:#666666; float:left;}
	/*YdIndexMainLeft end*/
.YdIndexMainRight img{ width:90%; padding-top:20px; padding-bottom:20px; padding-left:5%;}
.YdIndexMainRight h3{ width:90%; padding-left:5%; font-size:18px; color:#004ea2; padding-bottom:10px;}
.YdIndexMainRight .YdMore{ font-size:14px; color:#666666; float:right; font-weight:normal;}
.YdIndexMainRight .YdMore:hover{ color:#004ea2;}
.YdIndexMainRight .YdIndexMainRightNews{ width:90%; padding-left:5%; height:240px; overflow:hidden;}
.YdIndexMainRight .YdIndexMainRightNews ul{ width:100%; height:800px; overflow:hidden;}
.YdIndexMainRight .YdIndexMainRightNews ul li{ width:100%; height:35px; overflow:hidden; float:left; line-height:35px;}
.YdIndexMainRight .YdIndexMainRightNews ul li a{ width:70%; line-height:35px; display:block; font-size:14px; color:#666666; float:left;}
.YdIndexMainRight .YdIndexMainRightNews ul li time{ float:right; text-align:right; width:30%; display:block;}
.YdIndexMainRight .YdIndexMainRightNews ul li a:hover{ color:#004ea2;}
	/*YdIndexMainRight end*/
.YdIndexShow{ width:100%; height:auto; background-color:#FFF; float:left; margin-top:20px; padding-top:20px; padding-bottom:20px;}
.YdIndexShowTi{ width:90%; padding-left:5%; padding-right:5%; height:45px; float:left;}
.YdIndexShowTi h3{ font-size:18px; color:#004ea2; line-height:45px; float:left;}
.YdIndexShowTi a{ float:right; font-size:14px; color:#666666; line-height:45px; display:block;}
.YdIndexShowTi a:hover{ color:#004ea2;}
.YdIndexShowMain{ width:90%; padding-left:5%; padding-right:5%; height:auto; float:left; overflow:hidden;}
.mr_frbox { height:auto; padding: 0px;}
.mr_frBtnL { float: left;  cursor: pointer; width:3%; padding-left:1%; padding-right:1%; margin-top:30px;}
.mr_frUl { float: left; height:150px; width:90%; overflow:hidden;}
.mr_frBtnR { float: left;  cursor: pointer; width:3%; padding-left:1%; padding-right:1%; margin-top:30px;}
.mr_frUl ul li { display: inline; float: left; width:25%; overflow: hidden; position:relative;}
.mr_frUl ul li:hover img{ opacity:0.9;}
.mr_frUl ul li img { display: block;  width:90%; padding-left:5%; padding-right:5px; height:auto;}
.mr_frUl ul li .title1{ display:block; padding:10px 0 5px; color:#666666; width:100%; text-align:center; font-size:14px;}
.mr_frUl ul li .title1:hover, .mr_frUl ul li:hover .title1, .mr_frUl ul li:hover p{ color:#004ea2;}
/*footer*/
.footer{ width:100%; height:auto; float:left; background-color:#333333;}
.footerCe{ width:1200px; height:auto; margin:0 auto; padding-top:3%; padding-bottom:1.5%;}
.footerCeDiv{ width:22%; float:left; margin-right:4%;}
.footerCeDiv h3{ width:100%; height:40px; line-height:40px; background:url(../images/ydpic8.jpg) left bottom no-repeat; font-size:18px; color:#d3d3d3; font-weight:normal; margin-bottom:10px;}
.footerCeDiv .YdIndexcs{ width:100%; height:auto;}
.footerCeDiv .YdIndexcs a{ width:100%; font-size:14px; color:#aaaaaa; line-height:25px; height:25px; overflow:hidden; display:block;}
.footerCeDiv .YdIndexLink{ width:100%; height:auto;}
.footerCeDiv .YdIndexLink a{ font-size:14px; color:#aaaaaa; line-height:25px; padding:0 5px; display:inline-block;}
.footerCeDiv .YdIndexContact{ width:100%; height:auto;}
.footerCeDiv .YdIndexContact p{ line-height:25px; float:left; font-size:14px; color:#aaaaaa;}
.footerCeDiv .YdIndexContact p a{ color:#aaaaaa;}
.footerCeDiv .YdIndexContact p a:hover{ color:#004ea2;}
.footerCeDiv1{ width:22%; float:right;}
.footerCeDiv1 h3{ width:100%; height:40px; line-height:40px; background:url(../images/ydpic8.jpg) left bottom no-repeat; font-size:18px; color:#d3d3d3; font-weight:normal; margin-bottom:10px;}
.footerCeDiv1 img{ width:44%;}
.footerBottom{ background-color:#f5f5f5; width:100%; height:auto;}
.footerBottomCe{ width:1200px; height:auto; margin:0 auto; text-align:center; padding-top:1.5%; padding-bottom:1.5%;}
.footerBottomCe a{ color:#666666; font-size:14px; line-height:30px;}
.footerBottomCe a:hover{ color:#004ea2;}
.footerBottomCe span{ color:#666666; margin:0 15px; line-height:30px;}
.footerBottomCe p{ line-height:45px; color:#666666; font-size:14px; width:100%; text-align:center;}
.footer1{ width:100%; float:left; height:auto; font-size:16px; text-align:center; color:#FFF; padding:20px 0px; background-color:#333333; display:none;}






/*Webbanner*/
.Webbanner{ width:1200px; height:auto; margin:0 auto; position:relative;}
.Webbanner img{ width:100%;}
.WebTi{ width:1200px; height:auto; position:absolute; left:50%; margin-left:-600px; bottom:-50px; z-index:99;}
.WebTi h1{ line-height:normal; color:#FFF; font-size:60px; margin-bottom:10px;}
.WebTi p{ font-family:Arial; font-size:30px; color:#fb0100;}
/*WebMain*/
.WebIndexMain{ width:100%; height:auto; padding-bottom:20px; background-color:#f5f5f5; padding-top:20px;}
	/*WebMenu*/
.WebMenu{ width:100%; height:auto; background-color:#f5f5f5; float:left; display:none;}
.WebMenuAbout{ width:1200px; height:auto; margin:0 auto; position:relative; z-index:999;}
.buttonBox{ position:relative; float:left; margin-right:20px; margin-bottom:10px;}
.WebMenuNews{ width:250px; height:50px; margin:0 auto; position:relative; z-index:999;}
.buttonBoxNews{ position:relative; float:left; width:45%; margin-left:2.5%; margin-right:2.5%;}
.border{ position:absolute; background:none; transition:all .5s ease-in-out;}
#sixth button a{ color:#FFF;}
#sixth{ overflow:hidden;}
#sixth>button{ z-index:1; transition:color .5s ease;}
#sixth .border{ z-index:0; background:white; width:30px; height:30px; transform:rotate(45deg);}
#sixth>.border:nth-of-type(1){ top:-35px; left:-30px;}
#sixth>.border:nth-of-type(2){ top:-35px; right:-30px;}
#sixth>.border:nth-of-type(3){ bottom:-35px; left:-30px;}
#sixth>.border:nth-of-type(4){ bottom:-35px; right:-30px;}
#sixth:hover .border{ transform:scale(15.7) rotate(45deg);}
#sixth:hover button a{ color:#004ea2; transition:color 2s ease;}
.WebMenuBon{ background-color:#FFF !important;}
.WebMenuAon{ color:#004ea2 !important;}
	/*WebMain*/
.WebMain{ width:1200px; height:auto; margin:0 auto; margin-top:20px; background-color:#f5f5f5;}
	/*WebMenuLeft*/
.WebMenuLeft{ width:23%; margin-right:2%; float:left; height:auto;}
.webLeft1{ width:100%; height:auto; padding:0px 0px 10px; float:left;}
.webLeft1 h3{ width:90%; padding-left:10%; line-height:45px; height:45px; font-size:30px; background-color:#004ea2; color:#FFF; float:left;}
.webLeft1 a{ width:90%; padding-left:10%; height:30px; background-color:#FFF; display:block; float:left; margin:5px 0px;}
.webLeft1 a p{ font-size:14px; line-height:30px; color:#333; float:left; width:100%;}
.webLeft1 a p span{ font-size:20px; display:block; line-height:30px; float:right; margin-right:50%; transition:all 0.4s linear 0.0s;}
.webLeft1 a:hover,.webLeft1 a.WebMenuAon{ background:rgba(0,78,162, .27);}
.webLeft1 a:hover p,.webLeft1 a.WebMenuAon p{ color:#FFF;}
.webLeft1 a:hover p span,.webLeft1 a.WebMenuAon p span{ margin-right:5%;}
.webLeft1A{ background:rgba(0,78,162, .27) !important;}
.webLeft1Ap{ color:#FFF !important;}
.webLeft1Aps{ margin-right:5% !important;}
.webLeftCont{ width:100%; height:auto; padding:10px 0px; margin-top:30px; background:#FFF url(../images/l_lx_bg.gif) right bottom no-repeat; float:left;}
.webLeftCont h3{ width:100%; text-align:center; line-height:60px; height:60px; font-size:22px; color:#004ea2; border-bottom:1px dotted #888888; float:left;}
.webLeftCont .webLeftContMain{ width:90%; padding-left:5%; padding-right:5%; padding-top:20px; height:auto; padding-bottom:60px; float:left;}
.webLeftCont .webLeftContMain li{ width:100%; font-size:14px; color:#333; font-weight:900; line-height:25px; padding:10px 0px 10px;}
.webLeftCont .webLeftContMain p{ width:100%; font-size:14px; color:#333; line-height:30px;}
	/*WebMainCe*/
.WebMainCe{ width:75%; height:auto; float:left; padding-bottom:20px; background-color:#FFF; min-height:500px;}
.WebMainDlCe{ width:1200px; height:auto; float:left; padding-bottom:20px; background-color:#FFF; min-height:500px;}
.WebMainCeBk{ box-shadow:0px 0px 10px #888888;}
.WebMainCe h2{ width:100%; height:80px; line-height:80px; color:#333333; font-size:30px; text-align:center;}
.WebAbout{ width:90%; padding-left:5%; padding-right:5%;}
/*rxPic*/

.box{float:left; width:33.33333333%;}
.he_ZoomInImg{width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:1;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#333333;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:1.5em; text-shadow:0px 0px 3px rgba(0,0,0,0.6);text-align:center;font-weight:bold;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#FFF;opacity:1}
.rxPicCeDiv{ width:100%; height:auto; padding:30px 0px; background:url(../images/rxBg1.jpg) right center no-repeat;}
.rxPicCeDiv h3{ color:#333333; font-size:16px; text-align:center;}
.rxPicCeDiv p{ color:#666666; font-size:14px; text-align:center; padding:0px 25px;}
.rxBgNone{ background:none !important;}
/*Webfooter*/
.Webfooter{ width:100%; height:330px; margin-top:70px; float:left; background:url(../images/footerbg.jpg) center top no-repeat;}
.WebfooterCe{ width:1200px; height:330px; margin:0 auto;}
.WebfooterCeLeft{ width:50%; height:330px; float:left;}
.WebfoCeLeftImg{ width:33.3333333%; line-height:330px; text-align:center; float:left;}
.WebfoCeLeftImg img{ width:80%; vertical-align:middle;}
.WebfoCeLeftLi{ width:57%; height:330px; float:left; padding-left:9.6666666666%}
.WebfoCeLeftLi h4{ width:100%; height:60px; line-height:60px; background:url(../images/gffotibg2.jpg) bottom repeat-x; margin-top:50px; margin-bottom:30px; font-weight:normal;}
.WebfoCeLeftLi h4 p{ font-size:16px; color:#FFF; line-height:60px; height:60px; background:url(../images/gffotibg1.jpg) left bottom no-repeat;}
.WebfoCeLeftLi li{ height:30px; line-height:30px; color:#FFF; font-size:14px;}
.WebfoCeLeftLi li img{ vertical-align:middle; padding:0px 25px 0px 5px;}
.WebfooterCeRight{ width:50%; height:330px; float:left;}
.WebfoCeRightLi{ width:50%; padding-left:20%; float:left; float:left;}
.WebfoCeRightLi h4{ width:60%; height:60px; line-height:60px; background:url(../images/gffotibg2.jpg) bottom repeat-x; margin-top:50px; margin-bottom:30px; font-weight:normal;}
.WebfoCeRightLi h4 p{ font-size:16px; color:#FFF; line-height:60px; height:60px; background:url(../images/gffotibg1.jpg) left bottom no-repeat;}
.WebfoCeRightLi li{ width:60%;}
.WebfoCeRightLi a{ height:30px; line-height:30px; color:#FFF; font-size:14px; display:block; width:50%; text-align:left; float:left;}
.WebfoCeRightImg{ width:30%; height:330px;  float:left;}
.WebfoCeRightImg img{ margin-top:60px; width:80%; margin-left:10%;}
.WebfoCeRightImg p{ width:100%; text-align:center; font-size:14px; color:#FFF; margin-top:20px;}
.Webfooter1{ width:100%; float:left; height:auto; font-size:16px; text-align:center; color:#FFF; padding:20px 0px; background-color:#1c232a; display:none;}
/*map*/
.map{ width:90%; height:auto; margin:0 auto; text-align:center;}
/*Message*/
.WebMainCeLeft{ width:34%; float:left; padding-left:3%; padding-right:3%; padding-top:40px;}
.WebMainCeLeft p{ text-indent:2em; line-height:25px; font-size:14px; color:#333;}
.WebMainCeRight{ width:57%; float:left; padding-right:3%; padding-top:40px;}
.WebMainCeRight .WebMainCeRightLi{ width:100%; float:left; box-shadow:0px 0px 20px #d6d6d6; height:45px; line-height:45px; margin-bottom:20px;}
.WebMainCeRight .WebMainCeRightLi span{ font-size:14px; color:#333; float:left; padding-left:3px;}
.WebMainCeRight .WebMainCeRightLi input{ float:left; color:#333; height:45px; padding:0; padding-left:6px; background:none; border:none; outline:none;}
.WebMainCeRight .WebMainCeRightText{ width:100%; height:210px; float:left; box-shadow:0px 0px 20px #d6d6d6;}
.WebMainCeRight .WebMainCeRightText span{ font-size:14px; color:#333; float:left; padding-left:3px; line-height:45px;}
.WebMainCeRight .WebMainCeRightText textarea{ line-height:25px; width:100%; color:#333; padding:0; padding-left:6px; background:none; border:none; outline:none;}
.WebMainCeRight .WebMainCeRightA{ height:45px; width:100%; float:left; margin-top:50px;}
.WebMainCeRight .WebMainCeRightA a{ height:45px; color:#FFF; background-color:#004ea2; width:100px; font-size:14px; line-height:45px; display:block; text-align:center; margin:0 auto; border-radius:5px}
.WebMainCeRight .WebMainCeRightA a:hover{ box-shadow:0px 0px 20px #46505a;}
/*WebNewsMenu*/
.WebNewsMenu{ width:100%; height:70px; float:left;}
.WebNewsMenu a li{ width:100px; text-align:center; height:40px; line-height:40px; color:#333; background-color:#ededed; float:left; margin-right:20px; margin-bottom:10px;}
.WebNewsMenu a:hover li{ background-color:#fb0100; color:#FFF;}
.NewOn{ background-color:#fb0100 !important; color:#FFF !important;}
.WebNewsMain{ width:100%; height:auto; float:left;}
.WebNewsMain ul{ width:100%; height:auto; float:left; }
.WebNewsMain ul li{ width:30.33333%; height:auto; margin-bottom:20px; margin-top:20px; margin-left:1.5%; margin-right:1.5%; float:left;}
.WebNewsMain ul li a img{ width:94%; box-shadow:0px 0px 20px #46505a; margin-left:3%; float:left;}
.WebNewsMain ul li a h3{ width:94%;  font-size:16px; font-weight:bold; line-height:35px; color:#333333; margin-left:3%; float:left; height:35px; overflow:hidden;}
.WebNewsMain ul li a span{ width:94%;  font-size:14px; line-height:25px; color:#666666; margin-left:3%; float:left; height:100px; overflow:hidden;}
.WebNewsMain ul li a:hover span{ color:#fb0100;}
/*WebNewsMenu_info*/
.WebNewsinfo{ width:90%; height:auto; margin-left:5%; margin-right:5%; float:left; padding:30px 0 0;}
.WebNewsinfo h2{ width:100%; height:auto; line-height:45px; text-align:center; font-size:25px; color:#333;}
.WebNewsinfo time{ color:#666666; margin-bottom:20px; display:block;}
/*WebPicList*/
.Web-box{float:left; width:28.33333333%; margin-left:2.5%; margin-right:2.5%; margin-bottom:20px; margin-top:20px;}
/*WebProductsMain*/
.WebMainProCe{ width:1200px; height:auto; margin:0 auto; padding-bottom:20px;}
.WebProductsMain{ width:100%; height:auto; float:left;}
.WebProductsMain ul{ width:100%; height:auto; float:left; }
.WebProductsMain ul li{ float:left; width:24%; margin-left:0.5%; margin-right:0.5%; margin-top:30px; box-shadow:0px 0px 20px #46505a;}
.WebProductsMain ul li a{ display:block;}
.WebProductsMain ul li a img{ float:left; width:100%;}
.WebProductsMain ul li a p{ width:100%; height:41px; text-align:center; line-height:41px; font-size:14px; color:#333333; float:left; overflow:hidden;}
.WebProductsMain ul li a:hover p{ background-color:#004ea2; color:#FFF;}
/*手机模式*/
#plugin-contact-ring2{ display:none;}
#plugin-contact-ring{position:fixed;left:10px;bottom:10px;opacity:.8;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:99999999;}
#plugin-contact-ring.open{opacity:1}
#ring-list .item,#ring-toggle-button{position:absolute;width:150px;height:70px;border-radius:50%;background:rgba(0,0,0,.8);left:0;bottom:0}
#ring-toggle-button{z-index:10}
#ring-toggle-button:after,#ring-toggle-button:before{content:' ';position:absolute;left:50%;top:50%;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:2px;-webkit-transition:-webkit-transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;transition:transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear}
#ring-toggle-button:before{width:50%;height:4px}
#ring-toggle-button:after{height:50%;width:4px}
#plugin-contact-ring.open #ring-toggle-button:after,#plugin-contact-ring.open #ring-toggle-button:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
#ring-list{position:relative}
#plugin-contact-ring.open #ring-list.r3{width:150px;height:150px}
#plugin-contact-ring.open #ring-list.r4{width:175px;height:175px}
#plugin-contact-ring.open #ring-list.r5{width:200px;height:200px}
#ring-list .item{overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;transition:transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;opacity:0}
#plugin-contact-ring.open #ring-list .item,#plugin-contact-ring2 #ring-list li{opacity:1}
#ring-list .item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}
#ring-list .item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
#ring-list .item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}
#ring-list .item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}
#ring-list .item:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}
#ring-list.r3 .item:nth-child(n+4),#ring-list.r4 .item:nth-child(n+5),#ring-list.r5 .item:nth-child(n+6){display:none}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(1){-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(2){-webkit-transform:translate(70.71px,-70.71px);transform:translate(70.71px,-70.71px)}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(3){-webkit-transform:translate(100px,0);transform:translate(100px,0)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(1){-webkit-transform:translate(0,-125px);transform:translate(0,-125px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(2){-webkit-transform:translate(62.5px,-108.25px);transform:translate(62.5px,-108.25px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(3){-webkit-transform:translate(108.25px,-62.5px);transform:translate(108.25px,-62.5px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(4){-webkit-transform:translate(125px,0);transform:translate(125px,0)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(1){-webkit-transform:translate(0,-150px);transform:translate(0,-150px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(2){-webkit-transform:translate(57.4px,-138.58px);transform:translate(57.4px,-138.58px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(3){-webkit-transform:translate(106.07px,-106.07px);transform:translate(106.07px,-106.07px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(4){-webkit-transform:translate(138.58px,-57.4px);transform:translate(138.58px,-57.4px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(5){-webkit-transform:translate(150px,0);transform:translate(150px,0)}
#ring-list .item .icon{display:block;width:35px;height:35px;margin:6px auto 2px;background:url(../images/marketing.png) no-repeat;-webkit-background-size:auto 35px;background-size:auto 35px}
#ring-list .item-phone .icon{background-position:0 0}
#ring-list .item-flush .icon{background-position:-210px 0}
#ring-list .item-sms .icon{background-position:-35px 0}
#ring-list .item-map .icon{background-position:-70px 0}
#ring-list .item-weibo .icon{background-position:-75px 0}
#ring-list .item-weixin .icon{background-position:-100px 0}
#ring-list .item-qq .icon{background-position:-125px 0}
#ring-list .item .title{display:block;font-size:20px;color:#fff;width:100%;text-align:center;overflow:hidden;margin:0 auto; line-height:25px;}
@font-face{font-family:icon;src:url(./font/icon.eot);src:url(./font/icon.eot?#iefix) format('embedded-opentype'),url(./font/icon.woff2) format('woff2'),url(./font/icon.woff) format('woff'),url(./font/icon.ttf) format('truetype'),url(./font/icon.svg#icon) format('svg');font-weight:400;font-style:normal}
#plugin-contact-ring2 #ring-toggle-button{width:80px;height:80px;background:#fff;background:-webkit-linear-gradient(top ,#fff ,#D9D9D9 100%);border-radius:40px;display:block;position:absolute;top:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 0 1px 3px rgba(0,0,0,.4);box-sizing:border-box;color:#515151}
#plugin-contact-ring2 #ring-toggle-button:after{display:block;font-family:icon;/*content:"A";*/position:absolute;z-index:1;font-size:50px;line-height:4px;text-indent:-18px;background:0 0;top: 30px; -ms-transform: translate(-2px, 0px);}
#plugin-contact-ring2 #ring-toggle-button:before{display:block;content:'首页';position:relative;z-index:2;width:100%;text-align:center;line-height:5px;font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;font-size:24px;}
#plugin-contact-ring2{position:fixed;bottom:0;height:70px;width:100%;background:#515151;left:0;z-index:99999999;}
#plugin-contact-ring2 li{display:block}
#plugin-contact-ring2 #ring-list{position:initial}
#plugin-contact-ring2 #ring-list li:active{background:rgba(0,0,0,.3);border-radius:initial}
#plugin-contact-ring2 #ring-toggle-button:after,#plugin-contact-ring2 #ring-toggle-button:before{background:0 0}
#plugin-contact-ring2 #ring-list .item{width:20.7%;background:0 0;display:block;float:left;position: static;position:initial;}
#plugin-contact-ring2 #ring-list .item a{display:block;height:100%;width:100%;margin:0;padding:0}
#plugin-contact-ring2 #ring-list .item:nth-of-type(3){margin-left:17.2%}
#plugin-contact-ring2 #ring-list .item:nth-of-type(5){display:none}
#plugin-contact-ring2,#plugin-contact-ring2 #ring-toggle-button{color:#515151;}
/*手机模式*/
#pagecontent{ width:100%; margin-top:20px; margin-bottom:50px; float:left;}
.pagecontentLeft{ width:30%; float:left; margin-left:19%; margin-right:1%;}
.pagecontentRight{ width:30%; float:left; margin-left:1%; margin-right:19%;}
#BackPage{ line-height:45px; height:45px; overflow:hidden; color:#FFF; padding:0px 25px; background:#1c232a; display:block; margin-bottom:5px;}
#BackPage:hover{ background:#004ea2;}
#NextPage{ line-height:45px; height:45px; overflow:hidden; color:#FFF; padding:0px 25px; background:#1c232a; display:block; margin-bottom:5px;}
#NextPage:hover{ background:#004ea2;}
/*上一页下一页*/
/*Recruitment*/
.WebRecruitmentMain{ width:100%; height:auto; float:left;}
.WebRecruitmentMain ul{ width:100%; height:auto; float:left; }
.WebRecruitmentMain ul li{ width:90%; height:auto; margin:5px 0px; padding-left:5%; float:left;}
.WebRecruitmentMain ul li a{ display:block; width:100%; height:30px; background:rgba(245,245,245,0.0); transition:all 0.4s linear 0.0s;}
.WebRecruitmentMain ul li a time{ width:29%;  font-size:14px; line-height:30px; color:#333333; padding-left:1%; float:left; text-align:left;}
.WebRecruitmentMain ul li a p{ width:69%;  font-size:16px; line-height:30px; color:#666666; float:right;}
.WebRecruitmentMain ul li a:hover{ background:rgba(245,245,245,1);}